<script type="text/javascript" src="./customized_jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="./customized_functions.js"></script>
<link rel="stylesheet" href="./customized.css" />
<link rel="stylesheet" href="./customized_ds-6.2.6-min.css" />

<!-- copy the contnets below this line, into the HTML item -->
<link rel="stylesheet" href="../v1/ext/EOC_CustomizedScript_Walter/customized.css" />
<link rel="stylesheet" href="../v1/ext/EOC_CustomizedScript_Walter/customized_ds-6.2.6-min.css" />

<!-- copy the contnets below this line, into the HTML item -->
<div class="ds-grid ds-bg-neutral-warm-2 eoc-container">
  <div class="ds-row ds-pad-t-1 ds-pad-l-r-1">
    <div class="ds-row">
      <div class="ds-col-12">
        <span class="eoc-text-highlighted">Pro Forma Scenario Assessment</span>
      </div>
      <div class="ds-col-12">&nbsp;</div>
      <div class="ds-col-12">
        <span class="ds-heading-4 ds-font-weight-medium">Scenario(s) created</span>
        &nbsp;
        <br />
          <input
          type="text"
          class="ds-input eoc-form-test-value eoc-input"
          value="84"
          placeholder="please input some value"
        />
        <div class="flex-colounm ">

        
        <span class="eoc-text-normal">Lead to SQL Cycle Time (days)</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 32 32"><use xlink:href="#def_hal_icon_info_16x16"/></svg>
      </div>
      <div>
        <span class="key-risks">Key risks</span>

      </div>
      </div>
      <div class="ds-col-12">&nbsp;</div>
     <!-- E2E Impact -->
      <div class="ds-col-12">
        <span class="ds-heading-4 ds-font-weight-medium">E2E Impact</span>
        
        <div class="ds-row ds-pad-1">
          <div class="ds-row">
            <div class="ds-col-12">
              <ul class="ds-list-unstyled">
                <li>
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Visits increase</span>
                  <input
                    type="text"
                    class="ds-input eoc-form-test-value e2e-input"
                    value="-82 days"
                    placeholder="please input some value"
                  />
                </li>
                <li>
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-1"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Lead to SQL Conversion rate</span>
                  <input
                    type="text"
                    class="ds-input eoc-form-test-value e2e-input"
                    value=" +1.5%"
                    placeholder="please input some value"
                  />
                </li>
                <li>
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-2"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">SQL to Win</span>
                  <input
                    type="text"
                    class="ds-input eoc-form-test-value e2e-input"
                    value=" +3.5%"
                    placeholder="please input some value"
                  />
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-bg">

      
      <!-- Analysis Breakdown -->
      <div class="ds-col-12 bottom-bg">
        <span class="ds-heading-4 ds-font-weight-medium">Analysis Breakdown</span>
        
        <div class="ds-row ds-pad-1">
          <div class="ds-row">
            <div class="ds-col-12">
              <ul class="ds-list-unstyled">
                <li class="anal-break-right-side bottom-line">
                  <span> AS &nbspIS</span>
                  <span> SCENARIO </span>
                  
                </li>
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Number of ops involed</span>
                    <span class="anal-break-right-text anal-break-right-side">36,154</span>
                    <span class="anal-break-right-text anal-break-right-side">36,154</span>
                  
                </li>
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Average deal size</span>
                    <span class="anal-break-right-text anal-break-right-side">$135K</span>
                    <span class="anal-break-right-text anal-break-right-side">$135K</span>
                  
                </li>
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Lead to SQL conversation rate</span>
                    <span class="anal-break-right-text anal-break-right-side">27.5%</span>
                    <span class="anal-break-right-text anal-break-right-side">26%</span>
                  
                </li>
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">SQL to Win conversion rate</span>
                    <span class="anal-break-right-text anal-break-right-side">22.5%</span>
                    <span class="anal-break-right-text anal-break-right-side">19.0%</span>
                  
                </li>
                <li class="anal-break-final-text">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Estimated Annual Revenue</span>
                  <span class="anal-break-right-text anal-break-right-side">$302M</span>
                    <span class="anal-break-right-text anal-break-right-side">$242M</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <!-- Overall estimated -->
      <div class="ds-col-12 bottom-bg">
        <div class="ds-row ds-pad-1">
          <div class="ds-row">
        <span class="ds-heading-4 ds-font-weight-medium over-impact-text" >Overall estimated <br> revenue impact</span>
        <span class="ds-heading-4 ds-font-weight-medium over-impact-value">$60M</span>
          </div>
        </div>
      </div>

      <!-- Benefits Risk -->
      <div class="ds-col-12 bottom-bg">
        <div class="ds-row ds-pad-1">
          <div class="ds-row">
            <div class="ds-col-12">
              <ul class="ds-list-unstyled">
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Benefits</span>
                    <span class="anal-break-right-text anal-break-right-side">36,154</span>
                  
                </li>
                <li class="bottom-line">
                  <span class="eoc-text-highlighted">
                    ~
                    <span class="eoc-result-value-0"></span>
                    %
                  </span>
                  <span class="eoc-text-normal">Risk</span>
                    <span class="anal-break-right-text anal-break-right-side">+25%</span>
                  
                </li>
                
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="ds-col-12">&nbsp;</div>

      <div class="ds-col-12 ds-pad-t-1 ds-pad-l-r-1 ds-flex ds-flex-justify-evenly">


      </div>
    </div>
  </div>

  <div class="ds-row ds-pad-0">
    <div class="ds-flex">
      <button class="ds-button ds-bg-blue-8" onclick="EOC_testMessage('hello world')">
        Close
      </button>
      <button class="ds-button" id="the_save_btn" onclick="EOC_calculateResults()">
        Run scenario analysis
      </button>
    </div>
  </div>
</div>
</div>
